<!DOCTYPE html>
<html>
<head>
	<title>图书管理员-读者借书</title>
	<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
	<link rel="stylesheet" type="text/css" href="../font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" type="text/css" href="../style/adMain.css">
   <link rel="stylesheet" type="text/css" href="../style/adBorrowBook.css">
	<script type="text/javascript" src="../script/jquery-2.1.4.min.js"></script>
   <script type="text/javascript" src="../layer-v2.0/layer/layer.js"></script>
	<script type="text/javascript">
	   $(document).ready(function() {
	   	 $(".left ul li:eq(0)").css("color","#FFF");
          $(".left ul li:eq(0)").css("background-color","#BBCAF1");
          $(".left ul").find('li:eq(0)').children(".trig").css('display', 'block');
          $(".A_btn").click(function() {
                var index = layer.load(1, {
                shade: [0.1,'#fff'] //0.1透明度的白色背景
                 // layer.close(index);   //关闭验证
            });
          });
          $(".B_btn").click(function() {
            $(".data input").val("");
          });
          $('input[type=text]:first').focus();//默认光标位置在input
          $(".table tbody tr:odd").css("backgroundColor","#FCF8E3");//表格奇数行背景
	   });
	</script>
</head>
<body>
   <div class="ad_page">
   	<div class="header">
   		<img src="../images/logo.png">
   		<div class="state">
   			<div class="ad_name"><div class="fa_i"><i class="fa fa-user"></i></div><a href="../html/adPersonal.html">管理员01</a></div>
        <div class="out"><a href="../html/index.html">退出</a></div>
   		</div>
   		<div class="clear"></div>
   	</div>
   	<div class="content">
   		<div class="left">
   			<ul>
   				     <a href="../html/adBorrowBook.html"><li>读者借书<div class="trig"></div></li></a>
               <a href="../html/adReturnBook.html"><li>读者还书<div class="trig"></div></li></a>
               <a href="../html/adAddBook.html"><li>新书入库<div class="trig"></div></li></a>
               <a href="../html/adOutBook.html"><li>图书出库<div class="trig"></div></li></a>
               <a href="../html/adAlterBook.html"><li>修改图书信息<div class="trig"></div></li></a>
               <a href="../html/adCheckBook.html"><li>查阅借阅记录<div class="trig"></div></li></a>
               <a href="../html/adSearchBook.html"><li>查阅图书信息<div class="trig"></div></li></a>
               <a href="../html/adPersonal.html"><li>管理员中心<div class="trig"></div></li></a>
   			</ul>
   		</div>
   		<div class="right">
      <!-- class="ad_data"的div中是图书管理员系统的切换部分 -->
   			<div class="ad_data">
   				     <div class="data data_1"><label>借阅号</label><input type="text" /></div>
               <div class="data"><label>图书编号</label><input type="text"/></div>
               <div class="btn A_btn">验证</div>
               <div class="btn B_btn">清空</div>
               <div class="table_div">
                  <table class="table">
                        <thead>
                          <th>借阅号</th>
                          <th>图书名</th>
                          <th>应还日期</th>
                        </thead>
                        <tbody>
                          <tr>
                            <td>11223344</td>
                            <td>小王子</td>
                            <td>2015-11-11</td>
                          </tr>
                          <tr>
                            <td>11223344</td>
                            <td>小王子</td>
                            <td>2015-11-11</td>
                          </tr>
                          <tr>
                            <td>11223344</td>
                            <td>小王子</td>
                            <td>2015-11-11</td>
                          </tr>
                          <tr>
                            <td>11223344</td>
                            <td>小王子</td>
                            <td>2015-11-11</td>
                          </tr>
                        </tbody>
                     </table>
                     <div class="add_btn">确认借阅</div>
                     <div class="clear"></div>
               </div>
   			</div>
   		</div>
   		<div class="clear"></div>
   	</div>
   </div>
</body>
</html>